.dp-mark-dialog__wrapper{
    --theme-background-color:rgba(16, 41, 44, 0.98);
    --theme-border-color:rgba(145, 140, 132, 1);
    //display:flex;
    //justify-content:center;
    //align-items:center;
    z-index:6666666666 !important;
    .dp-mark-dialog{
        //margin-top:0 !important;
        background:transparent url('../../img/dp-mark-dialog/dialog-bg.png') no-repeat center center;
        background-size:100% 100%;
        display: block !important;
        width: 10rem !important;
        .el-dialog__header{
            height:68px;
            padding:15px 20px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            box-sizing:border-box;
            position:relative;
            &::after{
                content:"";
                height:1px;
                width:calc(100% - 40px);
                position:absolute;
                left:20px;
                bottom:0;
                background:#00EAFF;
                opacity:0.3;
            }
            .el-dialog__title, .el-icon-close:before{
                text-shadow:0 1px 3px #000000;
                font-size:18px;
                font-weight:600;
                color:#FFFFFF;
            }
            .el-icon-close:before{
                font-size:1.2vw;
            }
            .el-dialog__headerbtn{
                position:initial;
            }
        }
        .el-dialog__body{
            margin-left:1px;
            box-sizing:border-box;
            //background-color:var(--theme-background-color);
            overflow:hidden;
            padding:20px;
            border-radius:0 0 4px 4px;
            border:0;
            box-shadow:none;
            background-color:unset;
        }
    }
}
/* 设备信息 -- start */
.device-dialog-info{
    width:100%;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:20px;
    p{
        white-space:nowrap;
        margin-right:2vw;
        color:#BD9F78;
        display:flex;
        align-items:center;
        line-height:3vh;
        span{
            color:#FFFFFF;
            max-width:15vw;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            display:inline-block;
        }
    }
}
/* 设备信息 -- end */
.dp-mark-dialog__type{
    /*虫情相关弹框*/
    &.dp-mark-dialog-insect{
        .insect-siper-item{
            cursor:pointer;
            user-select:none;
            .insect-swiper-item__pic{
                height:130px;
                position:relative;
                .create-time{
                    position:absolute;
                    left:0;
                    bottom:0;
                    width:100%;
                    background:rgba(0, 0, 0, 0.5);
                    color:#fff;
                    line-height:2;
                    font-size:14px;
                    text-align:center;
                }
            }
            .insect-swiper-item__info{
                font-size:14px;
                line-height:2;
                display:flex;
                justify-content:space-between;
                .info-num{
                    color:#fff;
                }
                .info-more{
                    font-size:14px;
                    color:#FFE8C9;
                }
            }
        }
    }
    /*土壤墒情相关弹框*/
    &.dp-mark-dialog-sq{
        .sensor-siper-item{
            cursor:pointer;
            user-select:none;
            display:flex;
            align-items:center;
            justify-content:center;
            flex-direction:column;
            .sensor-siper-item__value{
                width:130px;
                height:105px;
                background:url('../../img/dp-mark-dialog/sensor-bg.png') no-repeat center center;
                background-size:100% 100%;
                display:flex;
                flex-direction:column;
                align-items:center;
                justify-content:center;
                color:rgba(255, 255, 255, 0.9);
                font-weight:bold;
                .sensor-value{
                    margin-bottom:3px;
                    font-size:26px;
                }
                .sensor-unit{
                    font-size:14px;
                }
            }
            .sensor-siper-item__info{
                margin-top:10px;
                .sensor-name{
                    width:100px;
                    background:rgba(249, 247, 244, 0.15);
                    border-radius:6px;
                    font-size:14px;
                    font-weight:400;
                    color:#FFFFFF;
                    line-height:2;
                    text-align:center;
                }
            }
        }
        .sensor-chart-container{
            padding:20px 0;
            padding-bottom:0;
            margin-top:10px;
            .search-bar{
                display:flex;
                align-items:center;
                justify-content:space-between;
            }
            .chart-wraper{
                height:40vh;
            }
        }
    }
}
// 弹框中区域组件
.dp-dialog-section{
    .left{
        display:flex;
        align-items:center;
        justify-content:space-between;
        .name{
            font-size:16px;
            font-weight:bold;
            color:#F7E1C3;;
            &::before{
                content:'';
                display:inline-block;
                border-radius:2px;
                margin-right:0.5vw;
                width:24px;
                height:16px;
                background:url('../../img/dp-mark-dialog/section-before.png') no-repeat center center;
                background-size:100% 100%;
            }
            &::after{
                content:'';
                display:inline-block;
                border-radius:2px;
                margin-right:0.5vw;
                width:130px;
                height:5px;
                background:url('../../img/dp-mark-dialog/section-after.png') no-repeat center center;
                background-size:100% 100%;
                margin-left:14px;
            }
        }
    }
    .dialog-section__content{
        padding:1vw 0.5vw;
    }
}
// 缺省暂无数据
.dp-no-data{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    padding:20px;
    box-sizing:border-box;
    img{
        width:20%;
        max-width:1.2rem;
        height:auto;
    }
}
.dp-swiper{
    display:flex;
    align-items:center;
    .swiper{
        flex:1;
    }
    .swiper-btn{
        width:50px;
        height:50px;
        flex-shrink:0;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        &.swiper-button-disabled{
            opacity:0.6;
        }
        img{
            width:18px;
            height:28px;
        }
    }
}
.legend-list-konvas{
    position:absolute;
    bottom:0;
    display:flex;
    align-items:center;
    width:100%;
    color:#fff;
    justify-content:center;
    margin:10px 0;
    .li-item{
        display:flex;
        align-items:center;
        justify-content:center;
        margin:5px 10px;
        .dot{
            width:10px;
            height:10px;
            border-radius:50%;
            margin-right:3px;
        }
    }
}
.el-loading-mask{
    background-color:rgba(255, 255, 255, 0.05);
    .el-loading-spinner .path{
        stroke:var(--primary-background-color)
    }
}


